@import "common.less";

.user-info{
	.bodywrap{
		width: 100%;
		height: 100%;
		border: 1px solid #d2d2d2;
		.border-radius(16px);
	}
	@headinfowidth:120px;
	.user-info_head-info{
		text-align: center;
		padding: 42px 40px 0 42px;
		width: @headinfowidth;
		//.inline-block;
		float:left;
		.user-info_head-info_img{
			width: @headinfowidth;
			height: 120px;
			display: block;
			border:1px solid #f2f2f2;
			.box-shadow(2px 0px 1px #e3e3e3);
		}
		.user-info_head-info{
			font-size: 12px;
			padding: 10px 0;
			color:#005ea7;
			text-decoration: none;
		}
		.user-info_head-info:hover{
			text-decoration: underline;
		}
	}
	table,tr,td{
		border: 0;
	}
	.user-info_text-info_1,.user-info_text-info_2{
		color:#333333;
		font-size: 12px;
		//.inline-block;
		float:left;
		position: relative;
		top: 20px;
		.user-info_text-info_field{
			color:#666666;
			height: 40px;
			line-height: 40px;
			text-align: right;
			display:block;
			padding-right:8px;
		}
	}
	.user-info_text-info_1{
		width: 256px;
		.user-info_text-info_account{
			font-weight: bold;
		}
		.user-info_text-info_nike{
			.user-info_text-info_nike_value{
				padding: 6px 10px ;
				border-width: 1px;
				width: 148px - 20px;
				border-color: #aaaaaa  #dddddd #dddddd #aaaaaa ;
				border-style: solid;
			}
			.user-info_text-info_nike_value-info{
				height: 0;				
				color:@maincolor;
				margin-top: 4px;
				position: relative;
				zoom: 1;
			}
		}
		._field-sex,.user-info_text-info_sex{
			display: block;
			position: relative;
			top:12px;
		}
		.user-info_text-info_sex{
			.user-info_text-info_sex_value{
				padding-right: 12px;
				input{
					margin-right:4px;
				}
			}
		}
	}
	.user-info_text-info_2{
		.user-info_text-info_name{
			.user-info_text-info_name_value{
				padding: 6px 10px ;
				border-width: 1px;
				width: 148px - 20px;
				border-color: #aaaaaa  #dddddd #dddddd #aaaaaa ;
				border-style: solid;
			}
		}
		.user-info_text-info_id{
			.user-info_text-info_id_value{
				padding: 6px 10px ;
				border-width: 1px;
				width: 308px - 20px;
				border-color: #aaaaaa  #dddddd #dddddd #aaaaaa ;
				border-style: solid;
			}
		}
		.user-info_text-info_address{
			.user-info_text-info_address_select{
				width: 99px;
				padding: 6px 10px ;
				border-width: 1px;
				border-color: #aaaaaa  #dddddd #dddddd #aaaaaa ;
				border-style: solid;
			}
		}
		.user-info_text-info_address-text{
			.user-info_text-info_address-text_value{
				padding: 6px 10px ;
				border-width: 1px;
				width: 308px - 20px;
				border-color: #aaaaaa  #dddddd #dddddd #aaaaaa ;
				border-style: solid;
			}
		}
	}
}
@bordercolor:#cbcbcb;
.my{
	font-family: "宋体";
	.body{
		width: @listwidth;
		.bodywrap{
			width: 100%;
		}
	}
	font-size: 12px;
	margin-top: 60px;
	@my_titleheight:30px;
	
	.my_title{
		height: @my_titleheight;
		// line-height: @my_titleheight;
		border-bottom: 2px solid @maincolor;
		.my_title_left{
			display: block;
			float: left;
			margin-left: 6px;
			padding-top:1px;
			background-color: @maincolor;
			.border-radius(2px 2px 0 0 );
			color:#FFF;
			.my_title_name{
				border-right:1px solid #6e0000;
				display: block;
				float: left;
				padding:8px 20px;
			}
			.my_title_down{
				border-left: 1px solid #fce4e4;
				display: block;
				float: left;
				padding:6px 10px;
			}
		}
		.my_title_right{
			// height: @my_titleheight;
			// line-height: @my_titleheight;
			display: block;
			float: right;
			display: table;
			.my_title_right_value{
				margin:0;
				height: 20px;
				line-height: 20px;
				border-width: 1px;
				display: table-cell;
				width: 148px - 20px;
				border-color: #aaaaaa  #dddddd #dddddd #aaaaaa ;
				border-style: solid;
			}
			.my_title_right_click{
				display: table-cell;
				width: 48px;
				height: 25px;
				border: 0;
				margin-left: 5px;
				margin-right: 2px;
				padding:6px 10px ;
				background-image: url("../img/三笑优品-订单页面_18.png");
			}
		}
	}
	table,tr,td{
		border: 0;
		padding: 0;
	}
	.my_pages{
		float: right;
		padding-top: 5px;
		padding-right: 2px;
		font-size: 12px;
		color:#909090;
		.my_pages_list{
			.inline-block;
			.my_pages_list_item{
				border: 0 solid @bordercolor;
				border-width:1px 1px 1px 0px;
				padding: 8px 9px;
				display: block;
				float: left;
				height: 30px - 16px;
				&.first{
					border-width:1px;
				}
			}
		}
		.my_pages_jump{
			.inline-block;
			padding-left: 16px;
			position: relative;
			top:-12px;
			.my_pages_jump_value{
				border: 1px solid @bordercolor;
				width: 54px;
				height: 12px;
				padding:(27px - 12px)/2 0;
				text-align: center;
			}
			.my_pages_jump_clike{
				border:1px solid #878787;
				background-color: #dddddd;
				color:#535353;
				padding:3px 5px;
				margin-left: 25px;
			}
		}
	}
}
@listwidth:830px;
.my-order{
	.my-order_list{
		width: 100%;
		text-align: center;
		a{
			color:#004cf7;
			text-decoration: none;
		}
		a:hover{
			text-decoration: underline;
		};
		.my-order_list_th{
			height: 30px;
			background-image: url("../img/三笑优品-订单页面_22.png");
			color:#666666;
			border: 0 solid #e6e6e6;
			border-width: 0 1px 0 1px;
			select{
				width: 99px;
				padding: 2px 6px ;
				border-width: 1px;
				border-color: #aaaaaa  #dddddd #dddddd #aaaaaa ;
				border-style: solid;
			}
		}
		.my-order_list_td{
			height: 93px - 14px;
			padding-top: 14px;
			border: 0 solid #e6e6e6;
			border-width: 1px 0px 1px 1px;
			margin-bottom: 5px;
		}
		.my-order_list_name-and-id{
			.my-order_list_name{}
			.my-order_list_id{}
		}
		.my-order_list_product{
			.my-order_list_product_item{
				padding-left: 13px;
				img{
					width: 41px;
					height: 46px;
					border:1px solid @bordercolor;
				}
			}
		}
		.my-order_list_operate{
			border-width:1px;
		}
	}
}
.my-product{
	.my-product_list{
		border:0px solid @bordercolor;
		border-width: 0px 1px 1px 1px;
		width: 100%;
		.my-product_list_item{
			width: 160px;
			height: 225px;
			.my-product_list_item_img{
				text-align: center;

			}
			.my-product_list_item_operate{
				a{
					color:#585858;
					padding-left: 36px;
					text-decoration: none;
				}
				a:hover{
					text-decoration: underline;
				};
			}
		}
	}
}
.my-inventory{
	.body{
		background-color: transparent;
	}
	.my-inventory_content{//多包裹一层加深选择器权级，盖过index

		width: @listwidth - 2px;//border-width:2px;
		border:0px solid @bordercolor;
		border-width:0px 1px 1px 1px ;
		padding-bottom: 15px;
		.my-inventory_content_list{
			float: none;
			margin:0 auto;
		}
		.my-inventory_pages{
			padding-top: 20px;
			padding-right: 46px;
		}
	}
}
.my-ticket{
	.my-ticket_list{
		width: 100%;
		text-align: center;
		border:0px solid @bordercolor;
		border-width:0 0 1px 0;
		.my-ticket_list_th{
			height: 30px;
			background-image: url("../img/三笑优品-订单页面_22.png");
			color:#666666;
			border: 0 solid #e6e6e6;
			border-width: 0 1px 0 1px;
		}
		.my-ticket_list_td{
			height: 35px;
			line-height: 35px;
		}
	}
}